import { Layout, Breadcrumb, Input, Select, Form ,Button} from 'antd';
import Ordertab from './Ordertab';
import OrderAdd from './OrderAdd/OrderAdd';
import './Order.css'

const { Content} = Layout;


function handleChange(value) {
    console.log(`selected ${value}`);
}

function Order (){
    return  <Layout style={{ padding: '0 24px' }} className="Ordercon">
    {/* 面包屑 */}
    <Breadcrumb style={{ margin: '16px 0' }}>
        <Breadcrumb.Item>退款管理</Breadcrumb.Item>
        <Breadcrumb.Item>订单取消配置</Breadcrumb.Item>
    </Breadcrumb>
     {/* 内容上方输入框 */}
    <Form size="Default" layout="inline" className="form1">
        <div className="form1-1">
        <Form.Item label="原因">
            <Input placeholder="请输入原因" />
        </Form.Item>
        <Form.Item label="状态" className='select'>
            <Select placeholder="请选择">
                <Select.Option value="启用">启用</Select.Option>
                <Select.Option value="禁用">禁用</Select.Option>
            </Select>
        </Form.Item>
        <Button>筛选</Button>
        </div>
        <OrderAdd/>
    </Form>
    {/* 内容 */}
    <Content>
        {/* 表格 */}
        <Ordertab/>
    </Content>
</Layout>
}
export default Order;